<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head th:fragment="head(title,meta)">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title th:replace="${title}"></title>
    <meta th:replace="${meta}">
    <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
    <link rel="stylesheet" href="/css/web-site.css" charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>


<div th:fragment="nav" class="container-fluid bg-dark " style="margin-bottom:1.5rem;">
    <div class="container">
        <nav class="nav navbar-expand-lg navbar-dark" role="navigation">
            <a class="navbar-brand h1 logo" href="/" th:utext="${pageInfo.logo}"></a>
            <ul class="nav navbar-nav site-nav justify-content-end">
                <li class="nav-item" th:each="catalog:${navMenu.getSubCatalogs()}">
                    <a class="align-middle nav-link" th:href='${"/catalog/list/"+catalog.getHashcode()}'
                       th:text="${catalog.getName()}"></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link align-middle" href="/article/md/about.html">About</a>
                </li>
            </ul>
        </nav>
    </div>
</div>